@import '@/styles/init.scss';
.json_wrap {
  width: 100%;
  height: 600px;
//   padding: 20px;
  background-color: #fff;
  box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.1);
  @include font_color('main-index-about-font');
  @include radius;
  .json_content{
    height: 100%;
    @include flex_row(column nowrap,center,center);
    width: 100%;
    overflow: hidden;
    .json_header_tool{
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        background-color: rgba(0,0,0,.02);
        text-align: left;
        border-bottom: 1px solid rgba(5, 5, 5, 0.06);
        @include flex_row;
    }
    .json_right_content{
        flex: 1;
        width: 100%;
        height: 0;
        overflow: auto;
        @include flex_row(column nowrap,center,center);
        @include scrollbar;
        .json_tree_wrap{
            width: 100%;
            height: 100%;
        }
    }
  }
    
}

.json_left_wrap{
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
}
.splitpanes_custom_theme{
    .splitpanes__pane{
        background-color: transparent !important;
    }
    :deep(.splitpanes__splitter){
        width: 0px!important;
    }

}
.custom_textarea{
    height: 100%;
    box-sizing: border-box;
    // padding-right: 10px;
    :deep(.ant-input-affix-wrapper){
        height: 100%;
        // height: calc(100% - 24px);
    }
    :deep(.ant-input){
        // border: none;
        height: 100%;
        @include scrollbar;
    }
}